
<div id="contenedor" class="container">  
    <div class="row">  
        <div class="span12"> 
            <div class="row-fluid">
                <ul class="nav nav-tabs">
                    <li ><a  href="temporadas">Temporadas</a></li>
                    <li class="active"><a>Listado de habitaciones</a></li>
                    <li><a href="tarifas">Tarifas</a></li>
                </ul>
            </div>
            <div class="row-fluid">
                <div id="panelIzq" class="span6">
                    <div class="row-fluid titulo">
                        <div class="span12">
                            Habitaciones Privadas <a href="#" class="ayuda" data-toggle="tooltip" title="Listado de habitaciones privadas"><i class="icon-question-sign"></i></a> <a  href="#modalAgregarCategoria" id="nuevaCategoriaPrivada" class="btn btn-mini btn-primary" data-toggle="modal">Agregar Categoría</a>
                        </div>
                    </div>
                    <div class="row-fluid contenido">
                        <?php foreach ($privadas as $privada): ?>
                            <div class="row-fluid">
                                <div class="span12 breadcrumb">
                                    <div class="row-fluid"> 
                                        <div class="span12 padding-1em"><?php echo $privada->nombre; ?>  <span class="badge badge-warning"><?php echo $privada->capacidad_estandar ?></span> <a href="#" class="ayuda" data-toggle="tooltip" title="Capacidad máxima de la habitación"><i class="icon-question-sign"></i></a></div>
                                    </div>  
                                    <div class="row-fluid"> 
                                        <div class="span4"> 
                                            <a href="#modalSubirImagen" class="btn btn-small <?= ($privada->foto == "") ? "btn-danger" : "btn-success "; ?> modalFoto" data-tipo="privada" data-id_categoria="<?php echo $privada->id_categoria ?>" data-foto="<?= ($privada->foto != "") ? $_SESSION["establecimiento"]["id_establecimiento"] . "/" . $privada->foto : "" ?>" type="button" data-toggle="modal" > <?= ($privada->foto == "") ? "Establecer foto" : "Ver foto"; ?> </a>
                                        </div>
                                        <div class="span4">                             
                                            <a href="#modalAgregarNombres" class="btn btn-small btn-success mNuevaHabitacion" data-tipo="privada" data-id_categoria="<?php echo $privada->id_categoria ?>" type="button" data-toggle="modal" > Nueva Habitación </a>
                                        </div>
                                        <div class="span2">                              
                                            <a href="#modalEditarCategoria" class="btn btn-success btn-small mEditar" type="button" data-toggle="modal" data-capacidad_adicional="<?php echo $privada->capacidad_adicional ?>" data-capacidad_estandar="<?php echo $privada->capacidad_estandar ?>" data-nombre="<?php echo $privada->nombre ?>" data-id_categoria="<?php echo $privada->id_categoria ?>" data-descripcion="<?php echo $privada->descripcion ?>" data-prioridad="<?php echo $privada->prioridad ?>" data-tipo="privada" > Editar</a>
                                        </div>  

                                        <div class="span2">  
                                            <form class="formBlockDisplay"  action="habitaciones/eliminarCategoria" method="post">
                                                <input type="hidden" name="id_categoria" value="<?php echo $privada->id_categoria; ?>">
                                                <button id="eliminarCategoria_<?php echo $privada->id_categoria; ?>" class="eliminarCategoria" data-id="<?php echo $privada->id_categoria ?>"type="submit"> <i class="icon-remove"></i> </button>
                                            </form>     
                                        </div>

                                    </div> 

                                </div> 
                            </div>

                            <!-- listado de todas las habitaciones de una categoria -->
                            <div class="row-fluid">
                                <div class="span12">
                                    <?php
                                    $habitaciones = $this->habitacionesM->getHabitaciones($privada->id_categoria);
                                    if (sizeof($habitaciones) > 0) {
                                        ?>
                                        <table class="table table-hover">
                                            <thead>
                                                <tr>
                                                    <th class="span10">Nombre de la habitación</th>
                                                    <th>Editar</th>
                                                    <th>Eliminar</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <?php
                                                foreach ($habitaciones as $habitacion):
                                                    ?>
                                                <div class="row-fluid">
                                                    <tr>
                                                        <td class="span8"><b><?php echo $habitacion->nombre; ?></b></td>
                                                        <td class="span2"><b>
                                                                <a href="#modalEditarCuarto" class="btn btn-mini btn-primary mEditarCuarto" data-nombre="<?php echo $habitacion->nombre; ?>" data-categoria="<?php echo $privada->id_categoria; ?>" data-id="<?php echo $habitacion->id_cuarto; ?>" data-prioridad="<?php echo $habitacion->prioridad; ?>" data-tipo="privada" type="button" data-toggle="modal" > Editar </a>
                                                        </td>
                                                        <td> <form class="formBlockDisplay" action="habitaciones/eliminarCuarto" method="post">
                                                                <input type="hidden" name="id_cuarto" value="<?php echo $habitacion->id_cuarto; ?>" />
                                                                <button type="submit" class="eliminarCuarto cat<?php echo $privada->id_categoria ?>"  data-id="<?php echo $habitacion->id_cuarto; ?>"  /><i class="icon-remove"></i></button>
                                                            </form>
                                                        </td>
                                                    </tr>
                                                </div>  

                                            <?php endforeach; ?>
                                            </tbody>
                                        </table>
                                    <?php } ?>

                                </div> 
                            </div>                            
                        <?php endforeach; ?>
                    </div>
                    <br>
                </div>
                <div class="span6">
                    <div class="row-fluid titulo">
                        <div class="span12 ">
                            Dormitorios Compartidos <a href="#" class="ayuda" data-toggle="tooltip" title="Listado de habitaciones compartidas"><i class="icon-question-sign"></i></a>  <a  href="#modalAgregarCategoria" id="nuevaCategoriaCompartida" class="btn btn-mini btn-primary" data-toggle="modal">Agregar Categoría</a>
                        </div>
                    </div>
                    <div class="row-fluid contenido">
                        <?php
                        foreach ($compartidas as $compartida) {
                            // var_dump($compartida);
                            ?> 
                            <div class="row-fluid">
                                <div class="span12 breadcrumb"> 
                                    <div class="row-fluid"> 
                                        <div class="span12 padding-1em"><?php echo $compartida->nombre; ?>  <span class="badge badge-warning"><?php echo $compartida->capacidad_estandar ?></span> <a href="#" class="ayuda" data-toggle="tooltip" title="Capacidad máxima de la habitación"><i class="icon-question-sign"></i></a></div>
                                    </div> 
                                    <div class="row-fluid">
                                        <div class="span4"> 
                                            <a href="#modalSubirImagen" class="btn btn-small <?= ($compartida->foto == "") ? "btn-danger" : "btn-success "; ?> modalFoto" data-tipo="compartida" data-id_categoria="<?php echo $compartida->id_categoria ?>" data-foto="<?= ($compartida->foto != "") ? $_SESSION["establecimiento"]["id_establecimiento"] . "/" . $compartida->foto : "" ?>" type="button" data-toggle="modal" ><?= ($compartida->foto == "") ? "Establecer foto" : "Ver foto"; ?></a>
                                        </div>
                                        <div class="span4">                             
                                            <a href="#modalAgregarNombres" class="btn btn-small btn-success mNuevaHabitacion" data-tipo="compartida" data-id_categoria="<?php echo $compartida->id_categoria ?>" type="button" data-toggle="modal" > Nueva Cama </a>
                                        </div>
                                        <div class="span2">                             
                                            <a href="#modalEditarCategoria" class="btn btn-success btn-small mEditar" type="button" data-toggle="modal" data-capacidad_adicional="<?php echo $compartida->capacidad_adicional ?>" data-capacidad_estandar="<?php echo $compartida->capacidad_estandar ?>" data-nombre="<?php echo $compartida->nombre ?>" data-id_categoria="<?php echo $compartida->id_categoria ?>" data-descripcion="<?php echo $compartida->descripcion ?>" data-prioridad="<?php echo $compartida->prioridad; ?>" data-tipo="compartida" > Editar</a>
                                        </div>   
                                        <div class="span2">                             
                                            <form class="formBlockDisplay"  action="habitaciones/eliminarCategoria" method="post">
                                                <input type="hidden" name="id_categoria" value="<?php echo $compartida->id_categoria; ?>">
                                                <button id="eliminarCategoria_<?php echo $compartida->id_categoria; ?>" class="eliminarCategoria" type="submit"> <i class="icon-remove"></i></button>
                                            </form>  
                                        </div>

                                    </div> 
                                </div> 
                                <!-- listado de todas las camas de una categoria -->
                                <div class="row-fluid">
                                    <div class="span12">
                                        <?php
                                        $habitaciones = $this->habitacionesM->getHabitaciones($compartida->id_categoria);
                                        if (sizeof($habitaciones) > 0) {
                                            ?>
                                            <table class="table table-hover">
                                                <thead>
                                                    <tr>
                                                        <th class="span10">Nombre de la cama</th>
                                                        <th>Editar</th>
                                                        <th>Eliminar</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <?php
                                                    foreach ($habitaciones as $habitacion) {
                                                        ?>
                                                    <div class="row-fluid">


                                                        <tr>
                                                            <td class="span8"><b><?php echo $habitacion->nombre; ?></b></td>
                                                            <td class="span2">
                                                                <a href="#modalEditarCuarto" class="btn btn-mini btn-primary mEditarCuarto" data-nombre="<?php echo $habitacion->nombre; ?>" data-categoria="<?php echo $compartida->id_categoria; ?>" data-id="<?php echo $habitacion->id_cuarto; ?>" data-prioridad="<?php echo $habitacion->prioridad; ?>"  data-tipo="compartida" type="button" data-toggle="modal" > Editar </a>
                                                            </td>
                                                            <td> <form class="formBlockDisplay" action="habitaciones/eliminarCuarto" method="post">
                                                                    <input type="hidden" name="id_cuarto" value="<?php echo $habitacion->id_cuarto; ?>" />
                                                                    <button type="submit" class="eliminarCuarto cat<?php echo $compartida->id_categoria ?>"  data-id="<?php echo $habitacion->id_cuarto; ?>" ><i class="icon-remove"></i></button>
                                                                </form>
                                                            </td>
                                                        </tr>
                                                    </div>  

                                                <?php } ?>
                                                </tbody>
                                            </table>
                                        <?php } ?>

                                    </div> 
                                </div>
                            </div>
                        <?php } ?> 
                    </div>
                </div>
            </div>
        </div>  
    </div>
</div>  


<!-- Modal Agregar Nueva Categoria-->
<div id="modalAgregarCategoria" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="alingCenter">Agregar Nueva Categoría</h4>

    </div>
    <form  class="formBlockDisplay" action="habitaciones/nuevaCategoria" method="post">
        <div class="modal-body">
            <div class="row-fluid">
                <div class="span12">
                    <div class="row-fluid"> 
                        <div class="span5">
                            <label class="pull-right">Nombre:</label>
                        </div>
                        <div class="span7">
                            <input type="text" name="nombre" required>
                        </div>
                    </div>

                    <div id="div-estandar" class="row-fluid"> 
                        <div class="span5">
                            <label class="pull-right">Capacidad Máxima:</label>
                        </div>
                        <div class="span7">
                            <input id="in-estandar" type="number" name="capacidad_estandar" required>
                        </div>
                    </div>
                    <div  class="row-fluid"> 
                        <div class="span5">
                            <label class="pull-right">Orden:</label>
                        </div>
                        <div class="span7">
                            <input  type="number" name="prioridadCategoria" required>
                        </div>
                    </div>

                    <input id="in-adicional" type="hidden" value="0" name="capacidad_adicional" required>


                    <div class="row-fluid"> 
                        <div class="span5">
                            <label class="pull-right">Descripción:</label>
                        </div>
                        <div class="span7">
                            <textarea name="descripcion" rows="3"></textarea>
                        </div>
                    </div>

                    <input type="hidden" name="tipo" id="tipo">

                </div>
            </div>
        </div>
        <div class="modal-footer">
            <button class="btn" data-dismiss="modal">Cancelar</button>
            <button type="submit" class="btn btn-inverse">Agregar</button>
        </div>
    </form>
</div>



<!-- Modal para editar categor�as-->
<div id="modalEditarCategoria" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="alingCenter">Editar Categoría</h4>

    </div>
    <form class="formBlockDisplay" action="habitaciones/editarCategoria" method="post" class="form">
        <div class="modal-body">

            <div class="row-fluid">
                <div class="span12">
                    <input id="mEditarIdCategoria" type="hidden" name="id_categoria">
                    <input id="mEditarCapacidadEstandarH" type="hidden" name="estandar">
                    <div class="row-fluid"> 
                        <div class="span5">
                            <label class="pull-right">Nombre:</label>
                        </div>
                        <div class="span7">
                            <input id="mEditarCategoria" type="text" name="nombre" required>
                        </div>
                    </div>

                    <div id="div-edit-estandar" class="row-fluid"> 
                        <div class="span5">
                            <label class="pull-right">Capacidad Máxima:</label>
                        </div>
                        <div class="span7">
                            <input id="mEditarCapacidadEstandar" type="number" name="capacidad_estandar" required>
                        </div>
                    </div>
                    <div  class="row-fluid"> 
                        <div class="span5">
                            <label class="pull-right">Orden:</label>
                        </div>
                        <div class="span7">
                            <input id="prioridadCategoria" type="number" name="prioridadCategoria" required>
                        </div>
                    </div>
                    <input id="mEditarCapacidadAdicional" value="0" type="hidden" name="capacidad_adicional" required>


                    <div class="row-fluid"> 
                        <div class="span5">
                            <label class="pull-right">Descripción:</label>
                        </div>
                        <div class="span7">
                            <textarea id="mEditarDescripcion"  name="descripcion" rows="3"></textarea>
                        </div>
                    </div>

                    <input type="hidden" name="tipo" id="tipo">


                </div>
            </div>
        </div>
        <div class="modal-footer">
            <button class="btn" data-dismiss="modal">Cancelar</button>
            <button type="submit" class="btn btn-inverse">Editar</button>
        </div>
    </form>
</div>





<!-- Modal Agregar Nueva habitacion-->
<div id="modalAgregarNombres" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="alingCenter" id="tituloTipo"></h4>

    </div>
    <form class="formBlockDisplay" id="formularioCrudHabitacion" action="habitaciones/nuevaHabitacion" method="post">
        <div class="modal-body">

            <input id="mIdCategoria" type="hidden" name="id_categoria">
            <input id="mTipo" type="hidden" name="tipo">
            <div class="row-fluid"> 
                <div class="span5">
                    <label class="pull-right">Nombre:</label>
                </div>                
                <div class="span7">
                    <input type="text" name="nombre" required>
                </div>
            </div>
            <div class="row-fluid"> 
                <div class="span5">
                    <label class="pull-right">Orden:</label>
                </div>                
                <div class="span7">
                    <input  type="number"  name="prioridad" required>
                </div>
            </div>
        </div>
        <div class="modal-footer">
            <button class="btn" data-dismiss="modal">Cancelar</button>
            <button type="submit" class="btn btn-inverse">Guardar</button>
        </div>
    </form>
</div>




<!-- Modal editar cuarto-->
<div id="modalEditarCuarto" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="alingCenter" id="tituloTipoEditar">Editar habitación</h4>

    </div>
    <form class="formBlockDisplay" action="habitaciones/editarCuarto" method="post">
        <div class="modal-body">
            <input id="idEditarCuarto" type="hidden" name="id_cuarto">
            <input id="idCategoriaEditarCuarto" type="hidden" name="id_categoria">
            <div class="row-fluid"> 
                <div class="span5">
                    <label class="pull-right">Nombre:</label>
                </div>                
                <div class="span7">
                    <input id="nombreEditarCuarto" type="text" name="nombre" required>
                </div>
            </div>
            <div class="row-fluid"> 
                <div class="span5">
                    <label class="pull-right">Orden:</label>
                </div>                
                <div class="span7">
                    <input id="prioridad" type="number"  name="prioridad" required>
                </div>
            </div>
        </div>
        <div class="modal-footer">
            <button class="btn" data-dismiss="modal">Cancelar</button>
            <button type="submit" class="btn btn-inverse">Guardar</button>
        </div>
    </form>
</div>

<!-- Modal Subir imagen-->
<div id="modalSubirImagen" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="alingCenter" id="tituloTipoEditar">Ver/Cambiar foto</h4>
    </div>
    <form id="formFoto" class="formBlockDisplay" action="habitaciones/setFoto" method="post" method="post" enctype="multipart/form-data">
        <input id="id_categoria" name="id_categoria" type="hidden">
        <div id="bodyModalFoto"class="modal-body text-center" >
            <div class="row-fluid">
                <img src="permanent/logos/100.jpg" width="400" />
            </div>
            <div class="row-fluid">
                <div class="checkbox span2 offset5">
                    <label>
                        <input type="checkbox" name="logo"> Eliminar
                    </label>
                </div>
            </div>
<!--            <center>
     <input type="file" name="file" id="file" accept="image/*" required>
 </center>-->
        </div>
        <div class="modal-footer">
            <button class="btn" data-dismiss="modal">Cancelar</button>
            <button type="submit" class="btn btn-inverse">Guardar</button>
        </div>
    </form>
</div>